<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>Vmenu product category</title>
        <script src="../../../assets/js/jquery-1.4.4.min.js"></script>
        <link rel="stylesheet" href="../../../assets/third_party/fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />
        <script src="../../../assets/third_party/fancybox/jquery.easing-1.3.pack.js"></script>
        <script src="../../../assets/third_party/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
        <script src="../../../assets/third_party/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
        <link rel="stylesheet" href="../../../assets/css/reset.css"/>
    </head>
    <style>
        * {
            margin: 0;
            padding: 0;
        }
        body {
            color: #010101;
            font-family: Arial;
            font-size: 12px;
        }
        .container {
            width:1000px;
            margin:auto;
            background-color:#ddd;
        }
    </style>
    <script type="text/javascript">
        $(document).ready(function() {
            $(".fancybox").fancybox();
        });
    </script>
    <body>
        <div class="container"> 
            <div id="gdetail_1" class="gdetail_1">
                <link rel="stylesheet" href="gdetail_1.css" type="text/css" />
                <h1 class="title">Proin interdum magna non justo interdum </h1>
                <p class="description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed blandit massa vel mauris sollicitudin dignissim</p>

                <div class="image_list">
                    <ul>
                        <li>
                            <div class="images">
                                <a class="fancybox" rel="group"  href="gallery_image_2.png">
                                    <img src="gallery_image_2.png" alt="" />
                                    <img class="hoverimage" src="image_hover_bg.png" alt="" />
                                </a>
                            </div>

                        </li>

                        <li>
                            <div class="images">
                                <a class="fancybox" rel="group"  href="gallery_image_2.png">
                                    <img src="gallery_image_2.png" alt="" />
                                    <img class="hoverimage" src="image_hover_bg.png" alt="" />
                                </a>
                            </div>
                        </li>

                        <li>
                            <div class="images">
                                <a class="fancybox" rel="group"  href="gallery_image_2.png">
                                    <img src="gallery_image_2.png" alt="" />
                                    <img class="hoverimage" src="image_hover_bg.png" alt="" />
                                </a>
                            </div>
                        </li>

                        <li class="last">
                            <div class="images">
                                <a class="fancybox" rel="group"  href="gallery_image_2.png">
                                    <img src="gallery_image_2.png" alt="" />
                                    <img class="hoverimage" src="image_hover_bg.png" alt="" />
                                </a>
                            </div>
                        </li>

                        <li>
                            <div class="images">
                                <a class="fancybox" rel="group"  href="gallery_image_2.png">
                                    <img src="gallery_image_2.png" alt="" />
                                    <img class="hoverimage" src="image_hover_bg.png" alt="" />
                                </a>
                            </div>
                        </li>

                        <li>
                            <div class="images">
                                <a class="fancybox" rel="group"  href="gallery_image_2.png">
                                    <img src="gallery_image_2.png" alt="" />
                                    <img class="hoverimage" src="image_hover_bg.png" alt="" />
                                </a>
                            </div>
                        </li>

                        <li>
                            <div class="images">
                                <a class="fancybox" rel="group"  href="gallery_image_2.png">
                                    <img src="gallery_image_2.png" alt="" />
                                    <img class="hoverimage" src="image_hover_bg.png" alt="" />
                                </a>
                            </div>
                        </li>

                        <li class="last">
                            <div class="images">
                                <a class="fancybox" rel="group"  href="gallery_image_2.png">
                                    <img src="gallery_image_2.png" alt="" />
                                    <img class="hoverimage" src="image_hover_bg.png" alt="" />
                                </a>
                            </div>
                        </li>

                        <li>
                            <div class="images">
                                <a class="fancybox" rel="group"  href="gallery_image_2.png">
                                    <img src="gallery_image_2.png" alt="" />
                                    <img class="hoverimage" src="image_hover_bg.png" alt="" />
                                </a>
                            </div>
                        </li>

                        <li>
                            <div class="images">
                                <a class="fancybox" rel="group"  href="gallery_image_2.png">
                                    <img src="gallery_image_2.png" alt="" />
                                    <img class="hoverimage" src="image_hover_bg.png" alt="" />
                                </a>
                            </div>
                        </li>

                        <li>
                            <div class="images">
                                <a class="fancybox" rel="group"  href="gallery_image_2.png">
                                    <img src="gallery_image_2.png" alt="" />
                                    <img class="hoverimage" src="image_hover_bg.png" alt="" />
                                </a>
                            </div>
                        </li>

                        <li class="last">
                            <div class="images">
                                <a class="fancybox" rel="group"  href="gallery_image_2.png">
                                    <img src="gallery_image_2.png" alt="" />
                                    <img class="hoverimage" src="image_hover_bg.png" alt="" />
                                </a>
                            </div>
                        </li>


                    </ul>
                    <div class="clear"></div>

                </div><!-- End .image_list -->
            </div>
            <!-- End .gdetail_1 -->
        </div>
    </body>
</html>